<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>市立预约平台 - 忘记密码</title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
		<link rel="stylesheet" href="./css/style.css">
	</head>
	<body>
		<nav class="navbar">
			<div class="nav-logo">
				<img src="./static/imgs/logo.png" alt="市立助手">
				<span>市立预约平台</span>
			</div>
			<ul class="nav-links">
				<li><a href="chat.html"><i class="fas fa-comments"></i>智能预约</a></li>
				<li><a href="medical-info.html"><i class="fas fa-book-medical"></i>医疗知识库</a></li>
				<li><a href="appointments.html"><i class="fas fa-calendar-check"></i>我的预约</a></li>
				<li><a href="profile.html"><i class="fas fa-user"></i>个人中心</a></li>
			</ul>
		</nav>

		<div class="forgot-container">
			<div class="forgot-card">
				<div class="forgot-logo">
					<img src="./static/imgs/logo.png" alt="市立助手">
				</div>
				<h2 class="forgot-title">找回密码</h2>
				<p class="forgot-subtitle">请输入您的账户信息以重置密码</p>

				<form class="forgot-form">

					<div class="form-group">
						<label for="phone">手机号码</label>
						<input type="tel" id="phone" placeholder="请输入注册手机号" required>
					</div>

					<div class="form-group">
						<label for="id-card">身份证号</label>
						<input type="tel" id="id-card" placeholder="请输入注册身份证号" required>
					</div>

					<div class="form-group">
						<label for="new-password">新密码</label>
						<input type="password" id="new-password" placeholder="请输入新密码" required>
					</div>

					<div class="form-group">
						<label for="confirm-password">确认新密码</label>
						<input type="password" id="confirm-password" placeholder="再次输入新密码" required>
					</div>

					<button type="submit" class="reset-btn">重 置 密 码</button>
				</form>

				<div class="forgot-footer">
					<p>想起密码了？<a href="login.html">返回登录</a></p>
					<p>还没有账号？<a href="register.html">立即注册</a></p>
				</div>
			</div>
		</div>
		<script src="./js/forgot-password.js"></script>
	</body>
</html>